/*样式重置*/
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
ul,ol,dl{list-style-type:none}
html,body{*position:static}
html{font-family: sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none}
body,th,td,button,input,select,textarea{font-family:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53";font-size:16px;color: #333;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing:grayscale}
body{line-height:1.6}
h1,h2,h3,h4,h5,h6{font-size:100%}
a,area{outline:none;blr:expression(this.onFocus=this.blur())}
a{text-decoration:none;cursor: pointer; color:#1570A6;}
a:hover{text-decoration:none;outline:none}
a.ie6:hover{zoom:1}
a:focus{outline:none}
a:hover,a:active{outline:none}:focus{outline:none}
sub,sup{vertical-align:baseline}
button,input[type="button"], input[type="submit"] {line-height:normal !important;}
img{border:0;vertical-align:middle}
a img,img{-ms-interpolation-mode:bicubic}
header,footer,section,aside,details,menu,article,section,nav,address,hgroup,figure,figcaption,legend{display:block;margin:0;padding:0}time{display:inline}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none}
legend{width:100%;margin-bottom:20px;font-size:21px;line-height:40px;border:0;border-bottom:1px solid #e5e5e5}
legend small{font-size:15px;color:#999}
svg:not(:root) {overflow: hidden}
fieldset {border-width:0;padding: 0.35em 0.625em 0.75em;margin: 0 2px;border: 1px solid #c0c0c0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto}
input[type="search"] {-webkit-appearance: textfield;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}
.cl:after,.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.cl,.clearfix{zoom:1}

/*格子系统*/
.container {padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto}
.container-fluid {padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto}

@media ( min-width : 992px) {
    .container{width: 960px}
}
@media ( min-width : 1200px) {
    .container {width: 1170px}
}
@media ( min-width : 1300px) {
    .container {width: 1270px}
}

@media print{
    .container{width:auto}
}
.row{box-sizing:border-box; margin-left:-15px; margin-right:-15px}
.col1,.col2,.col3,.col4,.col5,.col6,.col7,.col8,.col9,.col10,.col11,.col12{min-height: 1px;position: relative; padding-left:15px; padding-right:15px; box-sizing:border-box;}

.col1{width:8.33333%}
.col2{width:16.66667%}
.col3{width:25%}
.col4{width:33.33333%}
.col5{width:41.66667%}
.col6{width:50%}
.col7{width:58.33333%}
.col8{width:66.66667%}
.col9{width:75%}
.col10{width:83.33333%}
.col11{width:91.66667%}
.col12{width:100%}
.col1,.col2,.col3,.col4,.col5,.col6,.col7,.col8,.col9,.col10,.col11,.col12{
    float:left;
}
/*表格*/
table{width:100%;empty-cells:show;background-color:transparent;border-collapse:collapse;border-spacing:0}
table th{text-align:left; font-weight:400}
.table th{font-weight:bold}
.table th,.table td{padding:8px;line-height:20px;word-break:break-all}
.table td{text-align:left}
.table tbody + tbody{border-top:1px solid #ddd}
.table .table{background-color:#fff}
.table-border th,.table-border td{border:1px solid #ddd}
.table-border tbody > tr:nth-child(odd) > td,
.table-border tbody > tr:nth-child(odd) > th{background-color:#f9f9f9}
.table-border tbody tr:hover td,
.table-border tbody tr:hover th{background-color: #f5f5f5}
/*表单*/
label,.placeholder{font-size:14px}
.form legend{font-size:20px}
.form .row{margin-top:15px;}
.form-label{display:block; color:#555}
.form-c{position:relative;}
.form-c > *{vertical-align:middle}
.placeholder{position:absolute; left:4px; top:4px;color:#c6c6c6; cursor:text}
.form-h .form-label{margin-top:3px;cursor:text;text-align:right;line-height:28px;}
::-webkit-input-placeholder {color:#b3b3b3}
.placeholder{color:#adb0be; position:absolute; z-index:9}
.input-text,.textarea{box-sizing:border-box;border:solid 1px #ddd;width:100%;
    -webkit-transition:all 0.2s linear 0s;
    transition:all 0.2s linear 0s}
.textarea{ height:100px; resize:none; font-size:14px; padding:4px}
.textarea-numberbar{ position:absolute; right:20px; bottom:5px; z-index:1; margin-bottom:0}
.textarea-length{ font-style:normal}
.input-text:hover,
.textarea:hover{border: solid 1px #3bb4f2}
.input-text.focus,
.textarea.focus{border:solid 1px #0f9ae0 \9;border-color:rgba(82,168,236,0.8);box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6)}
.input-text.disabled
,.textarea.disabled,
.input-text.disabled.focus,
.textarea.disabled.focus{background-color:#ededed; cursor:default;border-color: #ddd;
    -webkit-box-shadow:inset 0 2px 2px #e8e7e7;
    box-shadow:inset 0 2px 2px #e8e7e7}
.input-text.disabled,
.textarea.disabled{background-color:#e6e6e6; cursor:default}
.input-text.inline{ display:inline-block; width:auto}
.input-text,.btn{ font-size:14px; height:31px;*height:auto;line-height:1.42857;padding:4px}
a.btn,span.btn{ line-height:21px}
.btn{ padding:4px 12px}
input[type="radio"],input[type="checkbox"] {line-height: normal; margin-top:-4px}
.check-box,.radio-box{ display:inline-block; box-sizing:border-box; cursor:pointer; position:relative; padding-left:30px; padding-right:20px}
.input-file{cursor: pointer; z-index:1; font-size:1em;}
.select-box{border:solid 1px #ddd;box-sizing:border-box;vertical-align:middle; width:100%; display:inline-block}
.select{border:solid 1px #ddd;box-sizing:border-box;cursor: pointer;line-height:normal;font-weight: normal;width:100%; white-space:nowrap}
.select-box .select{ border:none}
.select-box.inline,
.select-box.inline .select{ width:auto}

/*按钮*/
.btn{display:inline-block;box-sizing:border-box;cursor:pointer;text-align:center;font-weight:400;white-space:nowrap;vertical-align: middle;border:solid 1px #ddd; background-color:#fff; width:auto;*zoom:1;*overflow:visible;
    -webkit-transition:background-color .1s linear;
    -moz-transition:background-color .1s linear;
    -o-transition:background-color .1s linear;
    transition:background-color .1s linear}
a.btn:hover,a.btn:focus,a.btn:active,a.btn.active,a.btn.disabled,a.btn[disabled]{text-decoration:none}
.btn:active,.btn.active{background-color:#ccc}
.btn:first-child{*margin-left:0}
.btn.active,.btn:active{-moz-box-shadow:0 1px 8px rgba(0, 0, 0, 0.125) inset;-webkit-box-shadow:0 1px 8px rgba(0, 0, 0, 0.125) inset; box-shadow:0 1px 8px rgba(0, 0, 0, 0.125) inset}
.btn-blue{color:#fff;background-color:#18B4ED; border-color:#18B4ED}
.btn-blue:hover,
.btn-blue:focus,
.btn-blue:active,
.btn-blue.active{color:#fff;background-color:#18B4ED;border-color:#18B4ED}
.btn-green{color:#fff;background-color:#04BE02; border-color:#04BE02}
.btn-green:hover,
.btn-green:focus,
.btn-green:active,
.btn-green.active{color:#fff;background-color:#04BE02;border-color:#04BE02}
.btn-red{color:#fff;background-color:#EF4F4F; border-color:#EF4F4F}
.btn-red:hover,
.btn-red:focus,
.btn-red:active,
.btn-red.active{color:#fff;background-color:#EF4F4F;border-color:#EF4F4F}
.btn-block {-moz-box-sizing: border-box;display: block;padding-left: 0;padding-right: 0;width: 100%;}

/*
响应式图片*/
.img-resp{display:inline-block;max-width:100%;height:auto}
/*
按钮组*/
.btn-group{ font-size:0}
.btn-group .btn{ margin-left:-1px}
.btn-group .btn:not(:first-child):not(:last-child):not(.dropdown-toggle){ border-radius:0}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius: 0;border-top-right-radius: 0}
.btn-group > .btn:last-child:not(:first-child),.btn-group > .dropdown-toggle:not(:first-child) {border-bottom-left-radius: 0;border-top-left-radius: 0}

/*小三角*/
.t-down{
    vertical-align:middle;
    position: relative;
    top: .7em;
    width: 0;
    height:0;
    border-top: 5px solid #333;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}
.t-right{
    width: 0;
    height: 0;
    border-top:5px solid transparent;
    border-bottom:5px solid transparent;
    border-left: 5px solid #333;
}
/*
选项卡*/
.tabbar {border-bottom: 2px solid #e8e8e8}
.tabbar span {border-bottom: solid 2px #fff;cursor: pointer;display: inline-block;float: left;height: 30px;line-height: 30px;padding: 0 15px}
.tabbar span.current{border-bottom-color: #1890ff;}
.tabcon {display: none}
/*提示*/
.msg{position:relative;padding:8px 35px 8px 14px;margin-bottom: 20px;text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);background-color: #fcf8e3;border: 1px solid #fbeed5}
.msg, .msg h4{color: #c09853}
.msg h4{margin: 0}
.msg .close{position:absolute;top:9px;right:10px;line-height:22px;cursor:pointer; color:#000; opacity:0.2;font-size: 16px;}
.msg .close.hover{color:#000;opacity:0.8}
.msg-green{color: #04BE02;background-color: #dff0d8;border-color: #d6e9c6}
.msg-green h4{color: #04BE02}
.msg-red{color: #EF4F4F;background-color: #dff0d8;border-color: #d6e9c6}
.msg-red h4{color:#EF4F4F}
.msg-blue{color: #18B4ED;background-color:#dff0d8;border-color:#d6e9c6}
.msg-blue h4{color:#18B4ED}
.msg-block{padding-top: 14px;padding-bottom: 14px}
.msg-block > p,.msg-block > ul{margin-bottom: 0}
.msg-block p + p{margin-top: 5px}
/*滚动*/
.marquee{height:22px;overflow:hidden;line-height:22px}
/*超出省略号显示*/
.ell{
    white-space:nowrap;
    text-overflow:ellipsis;
    width:80px;
    overflow:hidden;
}
.hide {
    display:none
}
.show {
    display:block
}
/*分页*/
.pager{ padding-top:5px;margin: 0 auto;text-align:center;}
.pager a{ padding:4px 10px; border: 1px solid #ddd; background: #fff; }
.pager a:hover{ background: none repeat scroll 0 0 #0099FF; border-color: #0099FF; color: #FFFFFF; }
.pager a.selected{ background:none; border:none;color:#333; }
.pager a.selected:hover{ color:#333;cursor: default;}
/*
页脚*/
footer, .footer{
    display:block;padding:40px 0 30px 0; margin-top:20px; text-align:center;font-size: 14px;
}
.footer a{color:#333;}
/*面包屑*/
.current{padding:5px 10px; clear:both; height:auto; overflow:hidden; text-align:left; position:relative;font-size: 14px;margin:5px auto;}
